
<script type="text/javaScript">
    // <![CDATA[    
    
    $(document).ready(function() {
        $('#novoDiv').hide();
        
                
        $('#novoUtilA').click(function(){
            $('#novoDiv').dialog( { 
                modal: true,
                minWidth: 500
            } );
        }); 
        
        $('#novoForm').submit(function() {
            var ok_equipa = validateField($("#equipa"));
            var ok_password = validateField($("#password"));
            var ok_password2 = validateField($("#password2"));
            var ok_email = validateField($("#email"));
            var ok_escola = validateField($("#escola"));
            var ok_morada = validateField($("#morada"));
            var ok_localidade = validateField($("#localidade"));
            var ok_codpostal = validateField($("#codpostal"));
            var ok_professor = validateField($("#professor"));
            var ok_telefone = validateField($("#telefone"));
            var ok_elementos = validateField($("#elementos"));
            
            if(ok_equipa && ok_password && ok_password2 && ok_email && ok_escola &&
                ok_morada && ok_localidade && ok_codpostal && ok_professor && ok_telefone && ok_elementos){
                
                if ($('#password').val() != $('#password2').val()){
                    $('#novoDivMsgBox').text('passwords tem que ser iguais');
                    $('#password').addClass("redborder");
                    $('#password2').addClass("redborder");
                    return false;
                }
                
                $('#equipa').removeClass("redborder");
                $('#password').removeClass("redborder");
                $('#password2').removeClass("redborder"); 
                $('#email').removeClass("redborder");
                $('#escola').removeClass("redborder");
                $('#morada').removeClass("redborder");
                $('#localidade').removeClass("redborder");
                $('#codpostal').removeClass("redborder");
                $('#professor').removeClass("redborder");
                $('#telefone').removeClass("redborder");
                $('#elementos').removeClass("redborder");
                return true;
            } else {
                $('#novoDivMsgBox').text("Todos os Campos Obrigatorios");
                return false;
            }
            
            return false;
        });
        
     
     
    });
            
    // ]]>
</script>


<div id="novoDiv" title="Criar Nova Equipa">
    <div id="novoDivMsgBox"></div>
    <fieldset id="novoFieldset">
        <form id="novoForm" action="{$base_url}equipa/novo" method="post">

            <p>
                <label for="equipa">Equipa:</label>
                <input type="text" id="equipa" name="equipa" value="" />

            </p>
            <p>
                <label for="password">Password</label>
                <input type="password" id="password" name="password" value="" />

            </p>
            <p>
                <label for="password2">Repete Password</label>
                <input type="password" id="password2" name="password2" value="" />

            </p>
            <p>
                <label for="email">Email:</label>
                <input type="text" id="email" name="email" value="" />

            </p>
            <p>
                <label for="escola"> Escola: </label>
                <input type="text" id="escola" name="escola" value="" />
            </p>

            <p>
                <label for="morada"> Morada: </label>
                <textarea  id="morada" name="morada" cols="60" rows="5"> </textarea>
            </p>

            <p>
                <label for="localidade"> Localidade: </label>
                <input type="text" id="localidade" name="localidade" value="" />
            </p>

            <p>
                <label for="codpostal"> Codigo Postal: </label>
                <input type="text" id="codpostal" name="codpostal" value="" />
            </p>
            <p>
                <label for="professor"> Professor: </label>
                <input type="text" id="professor" name="professor" value="" />
            </p>
            <p>
                <label for="telefone"> Telefone: </label>
                <input type="text" id="telefone" name="telefone" value="" />
            </p>
            <p>
                <label for="elementos"> Elementos: </label>
                <textarea  id="elementos" name="elementos" cols="60" rows="5"> </textarea>
            </p>
            <p>
                <label for="avatar_url"> Avatar Url: </label>
                <input type="text" id="avatar_url" name="avatar_url" value="" />
            </p>
            <p>
                <label for="ativo"> Ativo: </label>
                <input type="checkbox" name="ativo" value="ON" checked="checked" />
                <input type="hidden" id="state" name="state" value="1" />
                <input type="hidden" id="vid" name="vid" value="" />
            </p>


            <p>
                <input type="submit" value="Adicionar Equipa" name="adicionar" id="adicionar" />  
            </p>
        </form> 
    </fieldset>
</div>
